<div class="layui-row">
    <h2>封装系列</h2>
</div>
<div class="layui-row">
    <div class="layui-col-md12 layui-col-space15">

        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/1.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>

        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/2.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/3.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/4.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md12 layui-col-space15">
        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/5.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/6.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/7.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/9.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
    </div>
</div>

<div class="layui-row">
    <div class="layui-col-md12 layui-col-space15">

        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/1.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>

        <li class="layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/2.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/3.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
        <li class="group layui-col-md3">
            <div class="fly-panel">
                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                    <img src="/uploads/images/4.jpg" alt="Fly社区">
                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                </a>
                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区</a></h2>
                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
            </div>
        </li>
    </div>
</div>